@charset "utf-8";
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
@mixin mi($width,$height,$bg){
    width:$width;
    height: $height;
    background: $bg;
}
@mixin wh($width,$height){
    width:$width;
    height: $height;
}
@mixin size($font,$size,$color){
    font-family: $font;
    font-size: $size;
    color: $color;
}
.opus-head span a:nth-child(3){
        color:#444f58;
}
.opus-head span a:nth-child(4){
       color:#99999a;
}

    
.manage-store{
    @include wh(767px,660px);
    margin-left: 24px;
    h1{
        padding-top: 7px;
        font-size: 20px;
        line-height: 64px;
        color: #444f58;
    }
    .manage-super{
        @include wh(767px,134px);
        border-bottom: 1px solid #e7e7e7;
        position: relative;
    }
    .manage-logo{
        @include wh(100px,100px);
        img{
            @include wh(100px,100px);
        }
        img:hover{
             animation: fangfa 1s ease both;
        }
    }
    .manage-diy{
        display: block;
        position: absolute;
        @include wh(250px,100px);
        bottom:34px;
        left:120px;
        h1{
            margin-top: -10px;
            font-size:20px;
            line-height: 26px;
            font-weight: normal;
        }
        b{
            font-size: 13px;
            color: #878787;
            font-weight: normal;
        }
        li{
            margin-top: 20px;
            float: left;
            border-right: 1px solid #e7e7e7;
            padding-right: 13px;
            text-align: center;
            color: #444f58;
            p{
                color: #eb413d;
            }
        li:nth-child(2),li:nth-child(3){
            padding-left:13px;
        }    
        }
    }
    .manage-information{
        position: absolute;
        bottom: 49px;
        right:24px;
        font-size: 13px;
        .shop-ico{
            display: block;
            position: absolute;
            top:4%;
            left:-8%;
            @include wh(17px,17px);
            background: #eb413d;
            color: white;
            border-radius: 50%;
            text-align: center;
        }
        b{
            position: relative;
           color: #878787;
           font-weight: normal;
        }
        strong{
            font-size:16px;
            color: #5d666e;
            font-weight: bold;
        }
        input{
            @include wh(45px,23px);
            color: #a7a7a8;
            background: #f8f8f8;
            border-radius: 2px;
            border: 1px solid #e7e7e7;
            
        }
        .manage-border{
            @include wh(237px,45px);
            border: 1px solid #e7e7e7;
            border-radius: 4px;
            margin-top: 11px;
            position: relative;
            b{
                line-height: 45px;
                margin-left: 3px;
            }
            input{
                @include wh(82px,34px);
                color: white;
                background: #eb413d;
                border-radius: 4px;
            }
            .manage-under{
                display: block;
                position: absolute;
                top:-7px;
                left: 120px;
                widht:0px;
                display: block;
                border-bottom: 7px solid #e7e7e7;
                border-top: 0;
                border-right: 11px solid transparent;
                border-left: 11px solid transparent;
            }
        }
        }
        .manage-store-h1{
            font-size: 16px;
            line-height: 60px;
            color: #444f58;
        }
        .manage-table1{
            @include wh(767px,381px);
            font-size: 13px;
            color: #878787;
            text-align: center;
            border: 1px solid #e7e7e7;
            border-radius: 4px;
            tr:first-child{
                background: #f8f8f8;
                border-bottom: 1px solid #e7e7e7;
                th{
                    font-weight: normal;
                }
            }
            tr:nth-child(2){
                border-bottom: 1px solid #e7e7e7;
                th{
                    font-weight: normal;
                }
                th:nth-child(6){
                    color: #47bc00;
                }
            }
            tr:nth-child(3){
                border-bottom: 1px solid #e7e7e7;
                td:nth-child(5){
                    color: #47bc00;
                }
            }
            tr img{
                @include wh(62px,83px);
            }
            img:hover{
             animation: fangfa 1s ease both;
        }
            tr:nth-child(4){
                td:nth-child(5){
                    color: #47bc00;
                }
            }
        }
}
